<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<title></title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/rankList.css" />
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>

		<style type="text/css">
			.top-header-left {
				top: 10px;
			}
		</style>
		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
		</script>
	</head>

	<body>
		<div class="top-wrap">
			<div onclick="back()" class="top-header-left">
				<img src="../images/arrow-left-icon.png" />
			</div>
			<div class="title">
				景区排名
			</div>
			<div class="right">
				<div class="dengji">
					3级
				</div>
				<div id="jindutiao" class="jindutiao">
					<p class="mui-progressbar mui-progressbar-success" data-progress="20"><span></span></p>
				</div>
				<img src="../images/shuijiao.jpg" />
			</div>
		</div>
		<div class="ranking-list" style="padding-top: 45px">
			<div class="rangling-wrap">
				<div class="row">
					<div class="float-left num">
						1
					</div>
					<div class="float-left touxiang">
						<img src="../images/shuijiao.jpg"/>
					</div>
					<div class="float-left name">
						geng
					</div>
					<div class="float-left dengji">
						等级：3
					</div>
					<div class="float-left jifen">
						积分总数：10
					</div>
				</div>
				<div class="row">
					<div class="float-left num">
						1
					</div>
					<div class="float-left touxiang">
						<img src="../images/shuijiao.jpg"/>
					</div>
					<div class="float-left name">
						geng
					</div>
					<div class="float-left dengji">
						等级：3
					</div>
					<div class="float-left jifen">
						积分总数：10
					</div>
				</div>
				<div class="row">
					<div class="float-left num">
						1
					</div>
					<div class="float-left touxiang">
						<img src="../images/shuijiao.jpg"/>
					</div>
					<div class="float-left name">
						geng
					</div>
					<div class="float-left dengji">
						等级：3
					</div>
					<div class="float-left jifen">
						积分总数：10
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			mui("#jindutiao .mui-progressbar").each(function() {
				mui(this).progressbar({
					progress: this.getAttribute("data-progress")
				}).show();
			});
			
			mui('.top-wrap').on('tap', '.right', function() {
				var w = plus.webview.create('personalInfo.html');
				plus.webview.show(w,'fade-in',300);
			})
		</script>
	</body>

</html>